#laravel and vue js project | Explore Tumblr posts and blogs

pkfvfvv · 11 months ago

Text

Top Software Certifications By Edchart

At Edchart, we pride ourselves on offering a diverse range of online software certifications tailored to meet the needs of professionals in the ever-evolving tech industry. Whether you are looking to enhance your skills or pursue a new career path, our comprehensive certification programs will provide you with the knowledge and credentials required to succeed.

React JS Certification

The React JS Certification is designed for developers who want to master this powerful JavaScript library for building user interfaces. Our course covers essential concepts, from creating components to managing state and props, ensuring you can build dynamic and responsive web applications.

ASP.NET Certification

The ASP.NET Certification program equips you with the skills to develop robust web applications using Microsoft's ASP.NET framework. Learn about MVC architecture, web APIs, and advanced features that make ASP.NET a preferred choice for enterprise-level applications.

Laravel Certification

Become a proficient PHP developer with our Laravel Certification. This course dives deep into the Laravel framework, covering everything from basic routing to advanced Eloquent ORM techniques, middleware, and package development.

MERN Stack Certification

The MERN Stack Certification offers a comprehensive learning path for mastering MongoDB, Express.js, React, and Node.js. This full-stack course ensures you are well-equipped to build modern, scalable web applications from scratch.

Android Developer Certification

Our Android Developer Certification program provides a complete guide to building, testing, and deploying Android applications. Gain hands-on experience with Android Studio, Java, Kotlin, and the latest Android development trends.

Node.js Certification

The Node.js Certification program is perfect for developers looking to leverage the power of JavaScript on the server side. Learn about asynchronous programming, RESTful APIs, and real-time applications with Node.js.

Django Certification

The Django Certification course offers in-depth knowledge of the Django framework, a high-level Python web framework that encourages rapid development and clean, pragmatic design. Master database integration, template rendering, and security features with Django.

Python Full Stack Developer Certification

Our Python Full Stack Developer Certification combines frontend and backend development skills using Python, ensuring you are ready to tackle any project. Learn Flask/Django for backend, HTML/CSS/JavaScript for frontend, and how to integrate them seamlessly.

PHP Certification

The PHP Certification program focuses on core PHP programming, object-oriented PHP, and PHP with MySQL. This course is ideal for aspiring web developers looking to gain a solid foundation in PHP development.

Ruby on Rails Certification

The Ruby on Rails Certification program equips you with the skills to develop dynamic web applications using the Ruby on Rails framework. Learn about MVC architecture, RESTful design, and deploying Rails applications.

.NET Certification Microsoft

The .NET Certification Microsoft program is designed to provide a thorough understanding of the .NET framework. Gain expertise in building, deploying, and managing applications on the .NET platform using C# and Visual Studio.

Best Certification for Python Developers

Our guide on the Best Certification for Python Developers helps you choose the right Python certification based on your career goals. From web development to data science, find the certification that aligns with your interests.

Vue JS Certification

The Vue JS Certification course covers the fundamentals of Vue.js, a progressive JavaScript framework for building user interfaces. Learn about components, directives, and single-file components to create interactive web applications.

MySQL Free Certification Course

Our MySQL Free Certification Course provides a solid introduction to MySQL, covering database design, SQL queries, and performance optimization. Perfect for beginners looking to get started with database management.

JavaScript Certification Free

The JavaScript Certification Free course offers a comprehensive overview of JavaScript programming. Learn about variables, functions, events, and DOM manipulation to enhance your web development skills.

Full Stack Developer Certification

The Full Stack Developer Certification program is designed to make you proficient in both frontend and backend technologies. Gain hands-on experience with HTML, CSS, JavaScript, React, Node.js, and databases like MongoDB.

WordPress Certification

Our WordPress Certification course covers everything from setting up a WordPress site to customizing themes and plugins. Ideal for anyone looking to build and manage professional websites using WordPress.

Ruby on Rails Certification for Professionals

The Ruby on Rails Certification for Professionals is tailored for experienced developers looking to deepen their knowledge of the Rails framework. Advanced topics include API development, performance optimization, and test-driven development.

Angular Certification

The Angular Certification program provides a thorough understanding of Angular, a platform for building mobile and desktop web applications. Learn about components, services, forms, and routing to create robust applications.

AngularJS Certification

The AngularJS Certification course focuses on the first version of Angular, helping you understand its core concepts and practical applications. Perfect for maintaining and upgrading legacy AngularJS applications.

AWS Machine Learning Certification

The AWS Machine Learning Certification program offers in-depth knowledge of machine learning concepts using Amazon Web Services. Learn about SageMaker, data engineering, and deploying machine learning models in the cloud.

Azure DevOps Certification

The Azure DevOps Certification course prepares you for managing DevOps practices using Microsoft's Azure platform. Gain expertise in continuous integration, delivery, and monitoring using Azure DevOps tools.

HTML CSS Certification

Our HTML CSS Certification program covers the essentials of web development, from basic HTML and CSS to advanced topics like responsive design and CSS frameworks. Perfect for beginners and aspiring web developers.

Software Testing Certification, Foundation Level

The Software Testing Certification, Foundation Level course provides a comprehensive introduction to software testing principles, techniques, and tools. Learn about test planning, execution, and defect management.

ITIL Certification Course

The ITIL Certification Course offers a thorough understanding of IT service management best practices. Learn about ITIL's core concepts, processes, and how to implement them effectively in your organization.

Oracle Java Certification Free

Our Oracle Java Certification Free course prepares you for the Oracle Certified Associate (OCA) Java SE Programmer exam. Learn about Java programming fundamentals, object-oriented concepts, and Java APIs.

Software Testing Professional Certification

The Software Testing Professional Certification program is designed for experienced testers looking to enhance their skills. Advanced topics include automation, performance testing, and test management.

ISTQB Agile Testing Certification

The ISTQB Agile Testing Certification, Agile Tester course covers agile testing methodologies, practices, and tools. Perfect for testers working in agile environments looking to align their skills with industry standards.

Azure Administrator Certification

The Azure Administrator Certification program equips you with the skills to manage Azure services, including computing, storage, and networking. Learn about deployment, monitoring, and maintenance of Azure resources.

Azure IoT Certification

The Azure IoT Certification course provides in-depth knowledge of Azure IoT solutions. Learn about device connectivity, data analytics, and how to implement IoT solutions using Azure services.

Azure Architect Certification

The Azure Architect Certification program prepares you to design and implement solutions on Microsoft Azure. Gain expertise in networking, security, storage, and compute resources to create scalable Azure solutions.

C Language Certificate

The C Language Certificate course offers a comprehensive introduction to the C programming language. Learn about data types, control structures, functions, and memory management to build efficient applications.

C++ Certification

Our C++ Free Certification provides a solid foundation in C++ programming. Covering basics to advanced topics, this course is ideal for aspiring software developers looking to master C++.

HR Certification

The HR Certification Courses Online Free program offers essential knowledge for HR professionals. Learn about recruitment, employee relations, compliance, and performance management in this comprehensive course.

Java Full Stack Certification

The Java Full Stack Certification program combines frontend and backend development using Java. Learn about Java programming, Spring framework, RESTful services, and frontend technologies to become a proficient full-stack developer.

React Native Certification

The React Native Certification course covers the essentials of building mobile applications using React Native. Learn about component-based architecture, navigation, and integrating native modules to create cross-platform apps.

Recruitment Specialist Certification

The Recruitment Specialist Certification program provides in-depth knowledge of recruitment processes and strategies. Learn about sourcing, interviewing, and onboarding best practices to become an effective recruiter.

Symfony Certification

The Symfony Certification course offers a thorough understanding of the Symfony PHP framework. Learn about bundles, services, routing, and security to build robust and scalable web applications.

Selenium Certification

The Selenium Certification program covers automated testing using Selenium WebDriver. Learn about test scripts, frameworks, and integration with continuous testing tools to enhance your testing capabilities.

Drupal Certification

The Drupal Certification course equips you with the skills to develop and manage websites using Drupal. Learn about module development, theming, and site configuration to create dynamic and feature-rich websites.

0 notes

mesba1971 · 1 year ago

Text

Metronic HTML Template: Elevate Your Best Web Design Game

Are you looking for a reliable admin dashboard template to power your next project? Look no further than Metronic Html Template! This powerful tool is designed to help you create beautiful and intuitive admin interfaces that will impress your clients and users alike.

In this review, we’ll take a closer look at what makes Metronic Html Template such a great choice for developers and businesses alike. We’ll explore its features, functionality, and compatibility with popular frameworks like Tailwind, Bootstrap, React, Vue, Angular, Asp.Net & Laravel. So, let’s dive in!

Features

Metronic Html Template comes loaded with a wealth of features that make it an excellent choice for developers and businesses alike. Some of its standout features include:

– High Resolution: Metronic Html Template is optimized for high-resolution displays, so your dashboard will look crisp and clear on any device. – Responsive Layout: The template is designed to be fully responsive, so your dashboard will look great on any screen size.

– Well Documented: Metronic Html Template comes with comprehensive documentation to help you get up and running quickly.

– Compatible Browsers: The template is compatible with all popular web browsers, including Firefox, Safari, Opera, Chrome, and Edge.

– Compatible With: Metronic Html Template is compatible with Angular 13.x.x, AngularJS, ReactJS, Bootstrap 5.x, Bootstrap 4.x, and other popular frameworks.

– Admin Dashboard Template: Metronic Html Template is designed specifically for use as an admin dashboard template, so you can be sure it has all the features you need to create a powerful and intuitive dashboard.

– Admin Themes: The template comes with a range of pre-built themes to help you get started quickly.

– PHP Files: Metronic Html Template comes with all the PHP files you need to get started quickly.

– HTML Files: The template comes with a range of pre-built HTML files, so you can get started quickly.

– CSS Files: Metronic Html Template comes with a range of pre-built CSS files to help you customize your dashboard.

– Sass Files: The template includes Sass files for advanced customization.

– SCSS Files: The template includes SCSS files for advanced customization.

– JS Files: Metronic Html Template includes a range of pre-built JavaScript files to help you get started quickly.

Compatibility

Metronic Html Template is compatible with a wide range of popular frameworks and platforms, including:

– Tailwind – Bootstrap – React – Vue – Angular – Asp.Net & Laravel

This makes it an excellent choice for developers who want a flexible and versatile tool that can be used with a variety of different frameworks and platforms.

12 Advanced Apps For Real-world Demands

Complete CRUD solution with managable datatables, advance form controls, wizards flows and interactive modals for any project requirements you can imagine

Metronic UI Kit Develop Design Fast

Create cohesive user interfaces for single or multiple projects without having to start from scratch. Metronic UI Kit is helpful for designers who are just starting out or who are working on projects with tight deadlines.

Company made it! Smart & Low-cost!

One stop solution that boosts your projects’ design and development at shortest amount of time and at ridiculously low cost. In the past 10 years, hundreds of thousands of web apps successfully launched by Metronic that are used by hundreds of millions of end users everyday

Pricing

Metronic Html Template is available for purchase on ThemeForest for just $49. This includes a Regular License, which allows you to use the template in a single end product that is not charged for. If you need to use the template in a product that will be sold to end users, you can purchase an Extended License for $969.

If you purchase the Regular License, you’ll receive quality checking by Envato, future updates, and six months of support from keenthemes. You can also extend your support to 12 months for an additional fee.

Reviews

Mr. Levan Dvalishvili Chief (Software Architect) at solarspace.io said Hands down the most developer friendly package that I have worked with.. A+++++

platform we tried out Metronic. I can not overestimate the impact Metronic has had. Its accelerated development 3x and reduced QA issues by 50%. If you add up the reduced need for design time/resources, the increase in dev speed and the reduction in QA, it’s probably saved us $100,000 on this project alone, and I plan to use it for all platforms moving forward. The flexibility of the design has also allowed us to put out a better looking & working platform and reduced my headaches by 90%. Thank you KeenThemes! Jonathan Bartlett, Metronic Customer

Metronic is an incredible template. Even with purchasing an extended license, the cost savings is immeasurable. The code & CSS is well organized and while it is feature rich, it is not bloated. It was quickly integrated into our relatively complex product and had ready-made UX for our many use cases. Where we needed to extend functionality, this system made it incredibly easy. A tremendous job by the Metronic team. Fatica, Metronic Customer

Conclusion

In conclusion, Metronic Html Template is an excellent choice for developers and businesses alike. It comes loaded with features, is compatible with a wide range of popular frameworks and platforms, and is available at an affordable price. Whether you’re building a new dashboard from scratch or looking to upgrade an existing one, this Template is definitely worth considering.

So, what are you waiting for? Head over to ThemeForest and check out Metronic Html Template today!

#admin dashboard template #admin themes #angular #asp.net core #blazor #bootstrap #bootstrap 5 #django #html #laravel #metronic #react #tailwind #tailwind css #vuejs

0 notes

amitkkseowork · 1 year ago

Text

Website Development Company in Gurgaon

AMITKK is the leading and most trusted website development company in Gurgaon offering a new range of scalable and mobile responsive websites development services that fits your requirement. Our experienced website development team has delivered projects on all web development languages, including PHP, Laravel, React JS and Node JS, JavaScript, Vue JS and Quasar, WordPress and more. Hire the professional website development company in Gurgaon today! Get in touch with AMITKK for more details.

#WebsiteDevelopmentCompanyinGurgaon

0 notes

tiny-corner · 1 year ago

Text

Today I went to our office for my on-the-job student internship at a startup company around makati. I really adore the towering skyscrapers around Makati and the busy streets. I find a sense of tranquility amidst progressive cities of the metro.

Recently I've been really studying the implementation of vue js 3 onto laravel web framework.

Here's what I think of it:

Vue js is kind of like a story within a story iykwim?

So you have your Laravel framework that contains your blade for the frontend of your project. And within that one blade file you have your vue split into components. That one blade file sorta compiles all of your vue components into one.

So... in a way its kinda like a story within a story to me. Hahaha

Thats all !

#ojt #makati #internship #programming #laravel #vue js 3

0 notes

sparkouttechsolutions · 2 years ago

Text

Top 10 popular Web Development Frameworks in 2023

What is a web framework?

In today’s highly competitive digital field, developers are continually researching application development frameworks or tools that can make their work more manageable and reduce application development time and cost.

A web application development framework is like a box of blocks that you can use to build whatever you need. It can be said to be a platform with a collection of basic and ready-to-use programming tools, modules and libraries that are used to create software products. These frameworks provide developers with essential functionality and tools, and lay out the rules for building the architecture of applications, websites, services, APIs, and other solutions. Thus, developers can create their project layout instantly and can stretch it further as per specified conditions and requirements.

Web application development frameworks are customizable, which means you can use ready-made components and templates and tailor them to your own unique requirements. You can further implement your code on the platform. A framework can also incorporate code libraries, scripting languages, utilities, and other software to promote the growth and integration of different components of a large software project.

Creating and developing a website or website will be much more difficult if you don’t use a framework . In this article, we will discuss some of the best frameworks used by web developers to develop websites in 2023. Come on, see the following reviews below.

Best Website Development Framework in 2023 :

1. Angular.js

Angular JS was created by Google engineers Misko Hevery and Adam Abrons, and released in 2012. The most powerful, and efficient JavaScript framework is AngularJS. Also, this framework is open-source and is commonly used in creating website- based single page (SPA) . Besides that, Angular JS is also often used to create animated menus in HTML.

2. React.js

This framework was developed by Facebook. In a short time, React JS has gained popularity in a short time. By using React JS, developers can create various user interfaces that can be divided into several components.

3. Vue.js

Developed in 2016, this JavaScript framework has hit the market, and is proving its worth by offering a wide range of features. Dual integration mode is one of the most attractive features for creating high-end single pages (SPA). In addition, this framework is also used to create a User Interface. Vue itself was created to provide an alternative framework that is much lighter than other frameworks .

4. ASP.NET

ASP.NET was developed by Microsoft in 2012 to help developers of web applications that use Object-Oriented dynamically. This technology was created by Microsoft for more efficient internet programming. To develop the web , ASP.Net is assisted by other tools such as SQL Server, Visual Studio , and Browser.

5. ASP.NET Core

This framework is intended for developers who don’t use Windows OS, but like ASP.NET. ASP.Net Core can be used by Linux and Mac OS users.

6. Spring

Spring is a java — based open source framework released by Red Johnson as an alternative to JEE ( Java Enterprise Edition ) . This framework aims to address system design issues in enterprise development .

7. Django

In 2005, Adrian Holovaty and Simon Willson created a server-side web framework based on Python following the MTV architectural pattern. Django is a Python framework that can be used for fast, easy, and minimal code web application development company.

8. Laravel

Laravel is a PHP programming language framework that is quite popular and the best in Indonesia, and also the world. Each new version of Laravel brings up new technologies that can be used to optimize web applications .

9. Ruby on Rails

Ruby on Rails is suitable for developers who already understand ruby. Rails aims to simplify building web -based applications .

10. Jquery

This web framework was created to make it easier for developers who want to develop websites with the JavaScript programming language. Jquery is very popular because it can be used on various platforms.

11. Express

Express or ExpressJS uses the built-in http module from NodeJS. This framework offers several features such as routing, view rendering, and middleware. Because Express is a flexible framework , developers can create HTML web servers , chat applications , search engines , and others.

12. Flask

Flask is a framework that comes from the Python programming language . With flask, developers can be used to build the web without having to build it from scratch. Flask is very lightweight and doesn’t rely on a lot of outside libraries

Conclusion

In conclusion, the landscape of web app development has witnessed a remarkable transformation in the year 2023, thanks to the emergence of these groundbreaking frameworks. As technology continues to evolve at an unprecedented pace, these frameworks exemplify the spirit of innovation, pushing the boundaries of what’s possible in the realm of web application development.

From harnessing the power of quantum computing and neural signals to incorporating blockchain and emotion-driven interfaces, these frameworks have redefined how developers approach user experience, accessibility, security, and sustainability. The fusion of augmented reality, hyper-realistic graphics, and real-time data analysis has elevated the visual and interactive aspects of web apps, leading to more engaging and immersive digital experiences.

#ai #web framework #web app frame work #web app development #web application development

0 notes

ineeddev · 2 years ago

Text

Full Stack Developer (Laravel \ Vuejs) Experience from 3 to 5 years Work from the office Location : Mansoura ABOUT THIS POSITION Hiring a Full Stack Developer to join our Software Engineering team. The successful candidate will be responsible for developing and testing advanced web-based applications using PHP Laravel Framework. They will also be expected to maintain existing applications and provide support to internal and external stakeholders. The ideal candidate should have a strong knowledge in PHP especially Laravel framework, as well as experience with related technologies such as HTML, CSS, Bootstrap , Jquery and JavaScript. Responsibilities 1. Develop and maintain applications using Full Stack Laravel #PHP and related technologies. 2. Design, code, and maintain database objects, stored procedures, and other application components. 3. Work with the product and design teams to develop user interfaces and other client-side logic. 4. Collaborate with other developers to create solutions that meet the business and technical requirements. 5. Utilize best practices and coding standards to ensure high-quality code. 6. Troubleshoot and debug existing applications and identify areas for improvement. 7. Perform unit testing of developed code to ensure it meets the requirements. 8. Ensure that applications adhere to security and performance standards. 9. Monitor and maintain system health and performance. 10. Develop and document technical specifications for projects. REQUIREMENTS 1. Extensive experience developing applications with PHP and #Laravel. 2. Experience with front-end framework working with #Laravel such as #Vue js and #nuxt js. 3. Knowledge of best practices for developing secure and scalable web applications. 4. Familiarity with Git or other version control systems. 5. Ability to work collaboratively with other developers, designers and QA. 6. Team player and cooperative with other partners , and good communication skills Send Ur Cv with job title

0 notes

laravelreactjs · 4 years ago

Text

SimpleD - Laravel Vue JS HTML SCSS Admin Template

SimpleD – Laravel Vue JS HTML SCSS Admin Template

As name says SimpleDash is a clean and minimal Admin UI Template for your next webapplication project. This web template will save you a ton of time and money. SimpleDash shines with its clean but basic Pages. Its design and looks will make your project look beautiful and elegant. It works seamlessly on all major web browsers, tablets, and phones. Each page is fully responsive and retina ready,…

View On WordPress

#admin template #app dashboard #backend #bootstrap 4 #handlebars #landing pages #Laravel #premium dashboard #project kit #saas Dashboard kit #scss gulp admin #startup dashboard #Vue js admin dashboard #web app

0 notes

decodewebin · 6 years ago

Photo

Dependencies are packages or mostly third party modules/plugins that are required for your project to run. For instance, PHPUnit is an easy to integrate, standalone testing framework so if your application needs unit testing then you need PHPUnit, that becomes a dependency ultimately. Dependency management solves these problems by automating and standardizing.

Managing your dependencies manually in any programing language is an immense pain. This is often why, in most programming languages these days you may notice that all of them have some implementation of a dependency management system or generally a package manager.

In PHP, we use NPM i.e Node Package Manager in frontend technologies like JavaScript, VueJS. For backend, Composer is the de facto dependency manager.

Table of Contents

Composer as dependency manager

Conclusion

Installation of Composer

Why composer update instead of composer install ?

When to do composer install and when to do composer update ?

Importance of composer lock in git

A brief introduction of composer.json file

How to install packages using Composer in Laravel ?

require

require-dev

Why composer update ?

Why composer install ?

#composer #laravel #dependency management #php #npm #node package manager #composer dependency manager #beginner #html tutorial for beginners #web development #web development tutorial for beginners #decodewebin #vue #vue js 2 #vue js tutorial for beginners #phpunit #php programming #php projects

0 notes

nimonlive · 1 year ago

Text

Web/Apps Development-design Training and Placement by DOCC Kolkata

Online-Offline PHP, My SQL. Laravel, CSS, html, bootstrap, java script, angular, react JS, Node JS, Vue JS,Typescript, Python-Django, Machine Learning Training, Projects and Placements by DOCC Kolkata at Kolkata and Hyderabad Centers. Call 9433526196 / 90386-01648. Visit www.docckolkata.com

#tumblr milestone #training placements projects #jobs #computer science #engineering #coding #education #experimental roboticist #php training institute kolkata web design training kolkata job training wordpress training job training cms training placements mobile apps #projects

0 notes

docc2008 · 10 months ago

Text

JOB-ASSURED Web Development-Design Training by DOCC Kolkata

DOCC Kolkata and docc soft sol under DOCC Group is a Software development-design Company and Training Institute that builds students' careers through Internships.

Web development(PHP-My Sql-Laravel), offline internship training, and placements by DOCC Kolkata at Lake Gardens Center.

The next new training batch of PHP-My Sql-Laravel is at 10-30 AM, September,24 as on Sunday.

Online-Offline Coding based PHP, My SQL. Laravel, CSS, HTML, bootstrap, javascript, angular, react JS, Node JS, Vue JS, Typescript, Python-Django, Machine Learning Training, Projects, and Placements by DOCC Kolkata at Kolkata and Hyderabad Centers. Call 9433526196 / 90386-01648

For details please call @ 9433526196.

Visit www.docckolkata.com

#php training #angular #python #django #laravel #career training in kolkata #career counseling kolkata #web design training and placements

0 notes

codebriefly · 6 years ago

Text

Vue Js Reset Password With Laravel API (Part 3) - Code Briefly

https://codebriefly.com/vue-js-reset-password-laravel-api/

Vue Js Reset Password With Laravel API (Part 3)

In this article, we will discuss “How to make Vue Js Reset Password With Laravel API”. In our previous article on this series, you will learn Laravel JWT Authentication and Vue Js application setup with Vue Auth and Laravel JWT Auth. I will recommend you to read out both of the ...

#Laravel #Laravel 5.8 #Laravel Eloquent #Laravel Mailable #Laravel Model #Vue CLI #Vue Js #Vue Project Manager

0 notes

hydralisk98 · 5 years ago

Photo

hydralisk98′s web projects tracker:

Core principles=

Fail faster

‘Learn, Tweak, Make’ loop

This is meant to be a quick reference for tracking progress made over my various projects, organized by their “ultimate target” goal:

(START)

(Website)=

Install Firefox

Install Chrome

Install Microsoft newest browser

Install Lynx

Learn about contemporary web browsers

Install a very basic text editor

Install Notepad++

Install Nano

Install Powershell

Install Bash

Install Git

Learn HTML

Elements and attributes

Commenting (single line comment, multi-line comment)

Head (title, meta, charset, language, link, style, description, keywords, author, viewport, script, base, url-encode, )

Hyperlinks (local, external, link titles, relative filepaths, absolute filepaths)

Headings (h1-h6, horizontal rules)

Paragraphs (pre, line breaks)

Text formatting (bold, italic, deleted, inserted, subscript, superscript, marked)

Quotations (quote, blockquote, abbreviations, address, cite, bidirectional override)

Entities & symbols (&entity_name, &entity_number, &nbsp, useful HTML character entities, diacritical marks, mathematical symbols, greek letters, currency symbols, )

Id (bookmarks)

Classes (select elements, multiple classes, different tags can share same class, )

Blocks & Inlines (div, span)

Computercode (kbd, samp, code, var)

Lists (ordered, unordered, description lists, control list counting, nesting)

Tables (colspan, rowspan, caption, colgroup, thead, tbody, tfoot, th)

Images (src, alt, width, height, animated, link, map, area, usenmap, , picture, picture for format support)

old fashioned audio

old fashioned video

Iframes (URL src, name, target)

Forms (input types, action, method, GET, POST, name, fieldset, accept-charset, autocomplete, enctype, novalidate, target, form elements, input attributes)

URL encode (scheme, prefix, domain, port, path, filename, ascii-encodings)

Learn about oldest web browsers onwards

Learn early HTML versions (doctypes & permitted elements for each version)

Make a 90s-like web page compatible with as much early web formats as possible, earliest web browsers’ compatibility is best here

Learn how to teach HTML5 features to most if not all older browsers

Install Adobe XD

Learn Adobe XD basics

Learn Figma basics

Install Microsoft’s VS Code

Install my Microsoft’s VS Code favorite extensions

Learn HTML5

Semantic elements

Layouts

Graphics (SVG, canvas)

Track

Audio

Video

Embed

APIs (geolocation, drag and drop, local storage, application cache, web workers, server-sent events, )

HTMLShiv for teaching older browsers HTML5

HTML5 style guide and coding conventions (doctype, clean tidy well-formed code, lower case element names, close all html elements, close empty html elements, quote attribute values, image attributes, space and equal signs, avoid long code lines, blank lines, indentation, keep html, keep head, keep body, meta data, viewport, comments, stylesheets, loading JS into html, accessing HTML elements with JS, use lowercase file names, file extensions, index/default)

Learn CSS

Selections

Colors

Fonts

Positioning

Box model

Grid

Flexbox

Custom properties

Transitions

Animate

Make a simple modern static site

Learn responsive design

Viewport

Media queries

Fluid widths

rem units over px

Mobile first

Learn SASS

Variables

Nesting

Conditionals

Functions

Learn about CSS frameworks

Learn Bootstrap

Learn Tailwind CSS

Learn JS

Fundamentals

Document Object Model / DOM

JavaScript Object Notation / JSON

Fetch API

Modern JS (ES6+)

Learn Git

Learn Browser Dev Tools

Learn your VS Code extensions

Learn Emmet

Learn NPM

Learn Yarn

Learn Axios

Learn Webpack

Learn Parcel

Learn basic deployment

Domain registration (Namecheap)

Managed hosting (InMotion, Hostgator, Bluehost)

Static hosting (Nertlify, Github Pages)

SSL certificate

FTP

SFTP

SSH

CLI

Make a fancy front end website about

Make a few Tumblr themes

===You are now a basic front end developer!

Learn about XML dialects

Learn XML

Learn about JS frameworks

Learn jQuery

Learn React

Contex API with Hooks

Learn Vue.js

Vuex

NUXT

Learn Svelte

NUXT (Vue)

Learn Gatsby

Learn Gridsome

Learn Typescript

Make a epic front end website about

===You are now a front-end wizard!

Learn Node.js

Express

Nest.js

Koa

Learn Python

Django

Flask

Learn GoLang

Revel

Learn PHP

Laravel

Slim

Symfony

Learn Ruby

Ruby on Rails

Sinatra

Learn SQL

PostgreSQL

MySQL

Learn ORM

Learn ODM

Learn NoSQL

MongoDB

RethinkDB

CouchDB

Learn a cloud database

Firebase, Azure Cloud DB, AWS

Learn a lightweight & cache variant

Redis

SQLlite

NeDB

Learn GraphQL

Learn about CMSes

Learn Wordpress

Learn Drupal

Learn Keystone

Learn Enduro

Learn Contentful

Learn Sanity

Learn Jekyll

Learn about DevOps

Learn NGINX

Learn Apache

Learn Linode

Learn Heroku

Learn Azure

Learn Docker

Learn testing

Learn load balancing

===You are now a good full stack developer

Learn about mobile development

Learn Dart

Learn Flutter

Learn React Native

Learn Nativescript

Learn Ionic

Learn progressive web apps

Learn Electron

Learn JAMstack

Learn serverless architecture

Learn API-first design

Learn data science

Learn machine learning

Learn deep learning

Learn speech recognition

Learn web assembly

===You are now a epic full stack developer

Make a web browser

Make a web server

===You are now a legendary full stack developer

[...]

(Computer system)=

Learn to execute and test your code in a command line interface

Learn to use breakpoints and debuggers

Learn Bash

Learn fish

Learn Zsh

Learn Vim

Learn nano

Learn Notepad++

Learn VS Code

Learn Brackets

Learn Atom

Learn Geany

Learn Neovim

Learn Python

Learn Java?

Learn R

Learn Swift?

Learn Go-lang?

Learn Common Lisp

Learn Clojure (& ClojureScript)

Learn Scheme

Learn C++

Learn C

Learn B

Learn Mesa

Learn Brainfuck

Learn Assembly

Learn Machine Code

Learn how to manage I/O

Make a keypad

Make a keyboard

Make a mouse

Make a light pen

Make a small LCD display

Make a small LED display

Make a teleprinter terminal

Make a medium raster CRT display

Make a small vector CRT display

Make larger LED displays

Make a few CRT displays

Learn how to manage computer memory

Make datasettes

Make a datasette deck

Make floppy disks

Make a floppy drive

Learn how to control data

Learn binary base

Learn hexadecimal base

Learn octal base

Learn registers

Learn timing information

Learn assembly common mnemonics

Learn arithmetic operations

Learn logic operations (AND, OR, XOR, NOT, NAND, NOR, NXOR, IMPLY)

Learn masking

Learn assembly language basics

Learn stack construct’s operations

Learn calling conventions

Learn to use Application Binary Interface or ABI

Learn to make your own ABIs

Learn to use memory maps

Learn to make memory maps

Make a clock

Make a front panel

Make a calculator

Learn about existing instruction sets (Intel, ARM, RISC-V, PIC, AVR, SPARC, MIPS, Intersil 6120, Z80...)

Design a instruction set

Compose a assembler

Compose a disassembler

Compose a emulator

Write a B-derivative programming language (somewhat similar to C)

Write a IPL-derivative programming language (somewhat similar to Lisp and Scheme)

Write a general markup language (like GML, SGML, HTML, XML...)

Write a Turing tarpit (like Brainfuck)

Write a scripting language (like Bash)

Write a database system (like VisiCalc or SQL)

Write a CLI shell (basic operating system like Unix or CP/M)

Write a single-user GUI operating system (like Xerox Star’s Pilot)

Write a multi-user GUI operating system (like Linux)

Write various software utilities for my various OSes

Write various games for my various OSes

Write various niche applications for my various OSes

Implement a awesome model in very large scale integration, like the Commodore CBM-II

Implement a epic model in integrated circuits, like the DEC PDP-15

Implement a modest model in transistor-transistor logic, similar to the DEC PDP-12

Implement a simple model in diode-transistor logic, like the original DEC PDP-8

Implement a simpler model in later vacuum tubes, like the IBM 700 series

Implement simplest model in early vacuum tubes, like the EDSAC

[...]

(Conlang)=

Choose sounds

Choose phonotactics

[...]

(Animation ‘movie’)=

[...]

(Exploration top-down ’racing game’)=

[...]

(Video dictionary)=

[...]

(Grand strategy game)=

[...]

(Telex system)=

[...]

(Pen&paper tabletop game)=

[...]

(Search engine)=

[...]

(Microlearning system)=

[...]

(Alternate planet)=

[...]

(END)

#personal project

4 notes · View notes